<template>
  <div class="article-list__container">
    <!-- 暂时是手动写死的，今后需要循环生成的 -->
    <article-item
      v-for="(obj, index) in list"
      :key="obj.art_id"
      :artObj="obj"
      @dislike="$emit('dislike', index)"
      :showCross="showCross"
    />
  </div>
</template>

<script>
export default {
  name: 'ArticleList',
  props: {
    // 父传子 的 文章列表 -> 数组 包  对象 格式数据
    list: {
      type: Array,
      required: true
    },
    showCross: {
      type: Boolean,
      default: true
    }
  }
}
</script>

<style scoped></style>
